<html>
	<head>
		<link rel="stylesheet" type="text/css" media="screen" href="{{ asset('bo/css/960_24_col.css') }}" />
		<link rel="stylesheet" type="text/css" media="screen" href="{{ asset('bo/css/common.css') }}" />
		<link rel="stylesheet" type="text/css" media="screen" href="{{ asset('bo/css/buttons.css') }}" />
		
		<script type="text/javascript" src="{{ asset('bo/js/jquery-1.6.2.min.js') }}"></script>
		<script type="text/javascript" src="{{ asset('bo/js/jquery.livequery-1.0.3.js') }}"></script>
		<script type="text/javascript" src="{{ asset('bo/js/config.js') }}"></script>
		<script type="text/javascript" src="{{ asset('bo/js/bo.js') }}"></script>
		<script type="text/javascript" src="{{ asset('bo/js/imgPreview-0.2.2.js') }}"></script>
		
		<style>
			#body {
				width: 1200px;
			}
			
			#header {
				background-color: #336699;
				color: #ffffff;
				border-bottom: 1px solid #ffffff;
				font-size: 1.5em;
				padding: 0.5em;
			}
			
			#userPanel {
				padding: 1em;
			}
			
			#leftMenu {
				width: 140px;
				float: left;
				margin-right: 1em;
			}
			
			#layoutContent {
				float: left;
			}
			
			#leftMenu li {
				border: 1px solid #cccccc;
				background-color: #ffffff;
				padding: 3px 5px 2px 5px;
				cursor: pointer;
				margin: 1px;
			}
			
			#leftMenu li:hover {
				background-color: #cccccc;
				color: #666666;
			}
			
			#leftMenu li.current {
				background-color: #336699;
				color: #ffffff;
			}			
			
			#layoutContent .header{
				font-size: 1.5em;
			}
			
			#templateContent {
				background: #000000;
				color: #ffffff;
				text-shadow: none;
			}

			#languageContent {
				background: #000000;
				color: #ffffff;
				text-shadow: none;
			}
			
			#loading {
				position: fixed;
				top: 60px;
				left: 480px;
				z-index: 999;
			}
			
			#modif_config .segment {
			     background-color: #666666;
			     color: #ffffff;
			     text-transform: uppercase;
			}
		</style>
	</head>
	<body>
		<div id="main">
			<div id="header">
				<h1>Viettrans Admin Interface</h1>
			</div>
			
			<div id="body">
				{% block body %}{% endblock %}
			</div>
			
			<div class="clear"></div>
			<div id="footer" align="center">
				Copyright by Viettrans - 2011
			</div>
		</div>
	</body>
</html>